<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>私教详情</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="coolui/assets/i/favicon.png">
  <link rel="stylesheet" href="coolui/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="coolui/assets/css/app.css">
  <script src="coolui/assets/js/jquery.min.js"></script>
  <script src="coolui/assets/js/amazeui.min.js"></script>
  <script src="coolui/assets/js/handlebars.min.js"></script>
  <script src="coolui/assets/js/amazeui.widgets.helper.js"></script>
  <script type="text/x-handlebars-template" id="amz-tpl">{{>slider slider}}</script>
  
  <link rel="stylesheet" href="coolui/assets/spinner/jquery.spinner.css" />
  <script type="text/javascript" src="coolui/assets/spinner/jquery.spinner.js"></script>

</head>
<body>
<!-- Header -->

<header data-am-widget="header" class="am-header am-header-default">
  <h1 class="am-header-title">
    <a href="#title-link">XX私教</a>
  </h1>
</header>


<!-- Slider -->
<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
  <ul class="am-slides">
    <li>
      <img src="img/1-4-3.jpg">
    </li>
    <li>
      <img src="img/2-4-3.jpg">
    </li>
    <li>
      <img src="img/3-5-3.jpg">
    </li>
  </ul>
</div>

<!-- List -->
  <!--列表标题-->
  <div class="am-list-news-hd am-cf">
    <!--带更多链接-->
    	<button type="button" class="am-btn am-btn-primary am-btn-block">查看课程</button>
  </div>
  
	<div id="widget-list" style="padding-left:3px;">
		<ul class="am-list m-widget-list" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
			<li><a data-rel="accordion" href="http://cn.bing.com/az/hprichv/LondonTrainStation_GettyRR_139321755_ZH-CN742316019.jpg"><img alt="Accordion" src="http://amazeui.b0.upaiyun.com/src/2.2/widget/accordion/src/accordion.png" class="widget-icon"> 
				<span class="widget-name">点击查看本月课程表安排</span></a>
			</li>
 		</ul>
 	</div>
 	<div class="am-list-news-hd am-cf">
    <!--带更多链接-->
    <button type="button" class="am-btn am-btn-primary am-btn-block">课程说明</button>
  
  </div>
  
	<div id="widget-list" style="padding-left:3px;">
		<ul class="am-list m-widget-list" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
			<li>
				<p>  私人教练要根据客户的具体情况为他设置一个可行的目标，制定安全的策略，监控健身进度，及时调整练习者的健身计划，不断地鼓励和支持练习者按照系统的方法坚持科学训练。作为私人教练，其最重要的职责就是帮助顾客获得健康。</p>
			</li>
 		</ul>
 	</div>
 	<div style="float:left;margin-top:10px;">
		<div style="margin-left: 5px;margin-right:10px;float:left;">
    	<span>购买课程:</span>
    	</div>
    	<input type="text" class="spinner"/>
    	
	</div>
 	<div style="float:right;padding-bottom: 10px;">
 		<span>90元/时</span>
 		<button style="margin-right:3px;"type="button" class="am-btn am-btn-danger">点击购买</button>
 	</div>
   	</div>
	




</body>
  <script type="text/javascript">
	$('.spinner').spinner();
  </script>
</html>
